<template>
    <div class="box">
        <div class="left">
            <div class="allitem">
                <div>待维修</div>
                <div>0</div>
            </div>
            <div class="allitem">
                <div>可保养</div>
                <div>0</div>
            </div>
        </div>
        <div class="right">
            <div class="allitem">
                <div style="color: rgb(234, 150, 31);">待确认</div>
                <div>0</div>
            </div>
            <div class="allitem">
                <div style="color: rgb(234, 150, 31);">保养延期</div>
                <div>0</div>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style scoped>
.box{
    display: flex;
    height: 100%;
    width: 100%;
}
.allitem{
    width: 100%;
    height: 50%;
    border: 1px solid rgb(91, 92, 93);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    color: white;
    text-shadow: 0 0 0;
}
.left{
    width: 40%;
    height: 100%;
}

.right{
    width: 60%;
    height: 100%;
}
</style>